<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <meta charset="UTF-8">
        <title>Atualizar Dados</title>
    </head>
    <body>
 
       
          <br><br><br>
<table  border=0 cellspacing=0 >
<tr>
<td  style="background:#EE9BCB" width="200px;">
<span style="color:#EE9BCB">oi 
<td style="background:#EE9BCB" width="200px;">
<font color="white">Valor esperado a gastar</font>
</td>                                 
<td style="background:#EE9BCB" width="200px;">
<font color="white">Valor real a gastar</font>
</td>
<td style="background:#EE9BCB" width="200px;">
<font color="white">Pago</font>
</td>
<td style="background:#EE9BCB" width="200px;">
<font color="white">Saldo devedor</font>
</td>
<td style="background:#EE9BCB" width="80px;">
<span style="color:#EE9BCB">oi                                             
</td>
</tr>
<tr>
</td>
<td style="background:#EE9BCB" width="200px;">
<font color="white">Total de despesas</font>
</td> 
<td width="200px;">
R$<input type="text" id="esperado">
</td>
<td width="200px;">
R$<input type="text" id="real">
</td>
<td width="200px;">
R$<input type="text" id="pago">
</td>
<td width="200px;">
R$<input type="text" id="deve">
</td>
<td style="background:#EE9BCB" width="80px;">
<span style="color:#EE9BCB">oi                                             
</td>
</tr>
<tr>
<td style="background:#EE9BCB" width="200px;">
<span style="color:#EE9BCB">oi                    
</td>
<td style="background:#EE9BCB" width="200px;">
<span style="color:#EE9BCB">oi                      
</td>
<td  style="background:#EE9BCB" width="200px;">
<span style="color:#EE9BCB">oi                         
</td>
<td style="background:#EE9BCB" width="200px;">
<span style="color:#EE9BCB">oi                        
</td>
</td>
<td style="background:#EE9BCB" width="200px;">
<span style="color:#EE9BCB">oi  
</td> 
<td style="background:#EE9BCB" width="80px;">
<span style="color:#EE9BCB">oi                                             
</td>
</tr>
</table>
        
        
        <br><br><br><br>
        
        
        
<form action="" method="post">
<h2>Festa/Recepção</h2>
<table>
<tr>
<td width="180px;"><font color="white">oi </td> <td width="180px;">Valor esperado a gastar</td> <td width="150px;">Valor real a gastar</td> <td width="90px;">Pago</td> <td width="150px;">Saldo devedor</td>
</tr>
<tr>
<td width="180px;">Aluguel do espaço</td> <td width="180px;">R$<input type="text" id="espaco.esperado"></td>  <td width="150px;">R$<input type="text" id="espaco.real"</td> <td width="90px;">R$<input type="text" id="espaco.pago"</td> <td width="150px;">R$<input type="text" id="espaco.deve"></td>
</tr>
<tr>
<td width="180px;">Bebidas</td> <td width="180px;">R$<input type="text" id="bebidas.esperado" onblur="document.getElementById('esperado').value=document.getElementById('espaco.esperado').value+this.value"></td>  <td width="150px;">R$<input type="text" id="bebidas.real" onblur="document.getElementById('real').value=document.getElementById('espaco.real').value+this.value"></td> <td width="90px;">R$<input type="text" id="bebidas.pago" onblur="document.getElementById('pago').value=document.getElementById('espaco.pago').value+this.value"></td> <td width="150px;">R$<input type="text" id="bebidas.deve" onblur="document.getElementById('deve').value=document.getElementById('espaco.deve').value+this.value"></td>
</tr>
<tr>
<td width="180px;">Buffet</td> <td width="180px;">R$<input type="text" id="buffet.esperado" onblur="document.getElementById('esperado').value=document.getElementById('bebidas.esperado').value+this.value"></td>  <td width="150px;">R$<input type="text" id="buffet.real" onblur="document.getElementById('real').value=document.getElementById('bebidas.real').value+this.value"></td> <td width="90px;">R$<input type="text" id="buffet.pago" onblur="document.getElementById('pago').value=document.getElementById('bebidas.pago').value+this.value"></td> <td width="150px;">R$<input type="text" id="buffet.deve" onblur="document.getElementById('deve').value=document.getElementById('bebidas.deve').value+this.value"></td>
</tr>
<tr>
<td width="180px;">Lembrancinhas</td> <td width="180px;">R$<input type="text" id="lembrancinhas.esperado" onblur="document.getElementById('esperado').value=document.getElementById('buffet.esperado').value+this.value"></td>  <td width="150px;">R$<input type="text" id="lembrancinhas.real" onblur="document.getElementById('real').value=document.getElementById('buffet.real').value+this.value"></td> <td width="90px;">R$<input type="text" id="lembrancinhas.pago" onblur="document.getElementById('pago').value=document.getElementById('buffet.pago').value+this.value"></td> <td width="150px;">R$<input type="text" id="lembrancinhas.deve" onblur="document.getElementById('deve').value=document.getElementById('buffet.deve').value+this.value"></td>
</tr>
<tr>
<td width="180px;">Outros</td> <td width="180px;">R$<input type="text" id="outrosfest.esperado" onblur="document.getElementById('esperado').value=document.getElementById('lembrancinhas.esperado').value+this.value"></td>  <td width="150px;">R$<input type="text" id="outrosfest.real" onblur="document.getElementById('real').value=document.getElementById('lembrancinhas.real').value+this.value"></td> <td width="90px;">R$<input type="text" id="outrosfest.pago" onblur="document.getElementById('pago').value=document.getElementById('lembrancinhas.pago').value+this.value"></td> <td width="150px;">R$<input type="text" id="otrosfest.deve" onblur="document.getElementById('deve').value=document.getElementById('lembrancinhas.deve').value+this.value"></td>
</table>

</form>


<form action="" method="post">
<h2>Cerimônia</h2>
<table>
<tr>
<td width="180px;"><font color="white">oi </td> <td width="180px;">Valor esperado a gastar</td> <td width="150px;">Valor real a gastar</td> <td width="90px;">Pago</td> <td width="150px;">Saldo devedor</td>
</tr>
<tr>
<td width="180px;">Cartório</td> <td width="180px;">R$<input type="text" id="cartorio.esperado" onblur="document.getElementById('esperado').value=document.getElementById('outrosfest.esperado').value+this.value"></td>  <td width="150px;">R$<input type="text" id="cartorio.real" onblur="document.getElementById('real').value=document.getElementById('outrosfest.real').value+this.value"></td> <td width="90px;">R$<input type="text" id="cartorio.pago"onblur="document.getElementById('pago').value=document.getElementById('outrosfest.pago').value+this.value"></td> <td width="150px;">R$<input type="text" id="cartorio.deve" onblur="document.getElementById('deve').value=document.getElementById('outrosfest.deve').value+this.value"></td>
</tr>
<tr>
<td width="180px;">Igreja</td> <td width="180px;">R$<input type="text" id="igreja.esperado" onblur="document.getElementById('esperado').value=document.getElementById('cartorio.esperado').value+this.value"></td>  <td width="150px;">R$<input type="text" id="igreja.real" onblur="document.getElementById('real').value=document.getElementById('cartorio.real').value+this.value"></td> <td width="90px;">R$<input type="text" id="igreja.pago" onblur="document.getElementById('pago').value=document.getElementById('cartorio.pago').value+this.value"></td> <td width="150px;">R$<input type="text" id="igreja.deve" onblur="document.getElementById('deve').value=document.getElementById('cartorio.deve').value+this.value"></td>
</tr>
<tr>
<td width="180px;">Padre</td> <td width="180px;">R$<input type="text" id="padre.esperado" onblur="document.getElementById('esperado').value=document.getElementById('igreja.esperado').value+this.value"></td>  <td width="150px;">R$<input type="text" id="padre.real" onblur="document.getElementById('real').value=document.getElementById('igreja.real').value+this.value"></td> <td width="90px;">R$<input type="text" id="padre.pago" onblur="document.getElementById('pago').value=document.getElementById('igreja.pago').value+this.value"></td> <td width="150px;">R$<input type="text" id="padre.deve" onblur="document.getElementById('deve').value=document.getElementById('igreja.deve').value+this.value"></td>
</tr>
<tr>
<td width="180px;">Assessoria</td> <td width="180px;">R$<input type="text" id="assessoria.esperado" onblur="document.getElementById('esperado').value=document.getElementById('padre.esperado').value+this.value"></td>  <td width="150px;">R$<input type="text" id="assessoria.real" onblur="document.getElementById('real').value=document.getElementById('padre.real').value+this.value"></td> <td width="90px;">R$<input type="text" id="assessoria.pago" onblur="document.getElementById('pago').value=document.getElementById('padre.pago').value+this.value"></td> <td width="150px;">R$<input type="text" id="assessoria.deve" onblur="document.getElementById('deve').value=document.getElementById('padre.deve').value+this.value"></td>
</tr>
<tr>
<td width="180px;">Outros</td> <td width="180px;">R$<input type="text" id="outroscer.esperado" onblur="document.getElementById('esperado').value=document.getElementById('assessoria.esperado').value+this.value"></td>  <td width="150px;">R$<input type="text" id="outroscer.real" onblur="document.getElementById('real').value=document.getElementById('assessoria.real').value+this.value"></td> <td width="90px;">R$<input type="text" id="outroscer.pago" onblur="document.getElementById('pago').value=document.getElementById('assessoria.pago').value+this.value"></td> <td width="150px;">R$<input type="text" id="outroscer.deve" onblur="document.getElementById('deve').value=document.getElementById('assessoria.deve').value+this.value"></td>
</tr>
</table>

</form>


<form action="" method="post">
<h2>Lua de Mel</h2>
<table width="200px;">
<tr>
<td width="180px;"><font color="white">oi </td> <td width="180px;">Valor esperado a gastar</td> <td width="150px;">Valor real a gastar</td> <td width="90px;">Pago</td> <td width="150px;">Saldo devedor</td>
</tr>
<tr>
</tr><td width="180px;">Noite de núpcias</td> <td width="180px;">R$<input type="text" id="nupcias.esperado" onblur="document.getElementById('esperado').value=document.getElementById('outroscer.esperado').value+this.value"></td>  <td width="150px;">R$<input type="text" id="nupcias.real" onblur="document.getElementById('real').value=document.getElementById('outroscer.real').value+this.value"></td> <td width="90px;">R$<input type="text" id="nupcias.pago" onblur="document.getElementById('pago').value=document.getElementById('outroscer.pago').value+this.value"></td> <td width="150px;">R$<input type="text" id="nupcias.deve" onblur="document.getElementById('deve').value=document.getElementById('outroscer.deve').value+this.value"></td>
</tr>
<tr>
<td width="180px;">Pacote de viagem</td> <td width="180px;">R$<input type="text" id="viagem.esperado" onblur="document.getElementById('esperado').value=document.getElementById('nupcias.esperado').value+this.value"></td>  <td width="150px;">R$<input type="text" id="viagem.real" onblur="document.getElementById('real').value=document.getElementById('nupcias.real').value+this.value"></td> <td width="90px;">R$<input type="text" id="viagem.pago" onblur="document.getElementById('pago').value=document.getElementById('nupcias.pago').value+this.value"></td> <td width="150px;">R$<input type="text" id="viagem.deve" onblur="document.getElementById('deve').value=document.getElementById('nupcias.deve').value+this.value"></td>
</tr>
<tr>
<td width="180px;">Dinheiro extra</td> <td width="180px;">R$<input type="text" id="extra.esperado" onblur="document.getElementById('esperado').value=document.getElementById('viagem.esperado').value+this.value"></td>  <td width="150px;">R$<input type="text" id="extra.real" onblur="document.getElementById('real').value=document.getElementById('viagem.real').value+this.value"></td> <td width="90px;">R$<input type="text" id="extra.pago" onblur="document.getElementById('pago').value=document.getElementById('viagem.pago').value+this.value"></td> <td width="150px;">R$<input type="text" id="extra.deve" onblur="document.getElementById('deve').value=document.getElementById('viagem.deve').value+this.value"></td>
</tr>
<tr>
    <td width="180px;">Outros</td> <td width="180px;">R$<input type="text" id="outrosmel.esperado" onblur="document.getElementById('esperado').value=document.getElementById('extra.esperado').value+this.value"></td>  <td width="150px;">R$<input type="text" id="outrosmel.real" onblur="document.getElementById('real').value=document.getElementById('extra.real').value+this.value"></td> <td width="90px;">R$<input type="text" id="outrosmel.pago" onblur="document.getElementById('pago').value=document.getElementById('extra.pago').value+this.value"></td> <td width="150px;">R$<input type="text" id="outrosmel.deve" onblur="document.getElementById('deve').value=document.getElementById('extra.deve').value+this.value"></td>
</tr>
</table>
</form>



<form action="" method="post">
<h2>Outras despesas</h2>
<table width="200px;">
<tr>
<td width="180px;"><font color="white">oi </td> <td width="180px;">Valor esperado a gastar</td> <td width="150px;">Valor real a gastar</td> <td width="90px;">Pago</td> <td width="150px;">Saldo devedor</td>
</tr>
<tr>
<td width="180px;">Fotos e vídeos</td> <td width="180px;">R$<input type="text" id="foto.esperado" onblur="document.getElementById('esperado').value=document.getElementById('outrosmel.esperado').value+this.value"></td>  <td width="150px;">R$<input type="text" id="foto.real" onblur="document.getElementById('real').value=document.getElementById('outrosmel.real').value+this.value"></td> <td width="90px;">R$<input type="text" id="foto.pago" onblur="document.getElementById('pago').value=document.getElementById('outrosmel.pago').value+this.value"></td> <td width="150px;">R$<input type="text" id="foto.deve" onblur="document.getElementById('deve').value=document.getElementById('outrosmel.deve').value+this.value"></td>
</tr>
<tr>
<td width="180px;">Outros</td> <td width="180px;">R$<input type="text" id="outros.esperado" onblur="document.getElementById('esperado').value=document.getElementById('foto.esperado').value+this.value"></td>  <td width="150px;">R$<input type="text" id="outros.real" onblur="document.getElementById('real').value=document.getElementById('foto.real').value+this.value"></td> <td width="90px;">R$<input type="text" id="outros.pago" onblur="document.getElementById('pago').value=document.getElementById('foto.pago').value+this.value"></td> <td width="150px;">R$<input type="text" id="outros.deve" onblur="document.getElementById('deve').value=document.getElementById('foto.deve').value+this.value"></td>
</tr>
</table>
</form>      


        
        <?php

        ?>
    </body>
</html>
